<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../3月22日/项目需要文件/iconfont/iconfont.css">
  <link rel="stylesheet" href="./项目需要文件/normalize.css">
  <link rel="stylesheet" href="./项目需要文件/css/index.css">
  <title>Document</title>
</head>
<body>
  <div class="header">
    <span>北京</span>
    <div class="search">
      <div class="pic">  <img src="./项目需要文件/icons/header_search.png" alt=""></div>
      <span >输入小区名称或商圈</span>
    </div>
    <span class="adress"><img src="./项目需要文件/icons/header_news.png" alt=""></span>
  </div>





  <div class="main">
  <div class="banner">

  </div>
  <div class="change">
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
<div class="nav">
  <div class="left"><img src="./项目需要文件/icons/nav_1.png" alt=""></div>
  <div class="right"><img src="./项目需要文件/icons/nav_2.png" alt=""></div>
</div>

<div class="goods1">
  <div class="title1">
    <h4>超值优惠</h4>
    <div class="more"><img src="./项目需要文件/icons/content_icon_next.png" alt=""></div>
  </div>
  <div class="pic">
 <div class="left">
  <img src="./项目需要文件/imgs/home_list_tu1@2x.png" alt="">
  <div class="text">
    <h4>宝石花园</h4>
    <p>朝阳区-2室1厅-90m</p>
    <span>￥7800元/月</span>
  </div>
 </div>
 <div class="left">
  <img src="./项目需要文件/imgs/home_list_tu2@2x.png" alt="">
  <div class="text">
    <h4>领袖新制度3号院</h4>
    <p>朝阳区-2室1厅-90m</p>
    <span>￥12356元/月</span>
  </div>
 </div>
</div>

<div class="ggwei"><img src="./项目需要文件/imgs/ggwei_home.png" alt=""></div>


<div class="title2">
  <h3>为您推荐</h3>
  <div class="right">

    <span>整租
      <i class="action"></i>
    </span>
    <span>合租</span>
  </div>
</div>


<!-- 商品展示区 -->
<div class="goods">
  <ul>
    <li>
      <div class="pic"><img src="./项目需要文件/imgs/home_list_tu1@2x.png" alt=""></div>
      <div class="text">
        <h4>整租-保利嘉园-7号院1号楼</h4>
        <p>朝阳区|2室1厅|90m</p>
        <p>距5号线立水桥站1200米,13号线广西南合...</p>
        <a href="#">独卫</a>   <a href="#">含阳台</a>
       <div class="price"> <span>￥7800 <i>元/月</i></span></div>
        

      </div>
    </li>
    <li>
      <div class="pic"><img src="./项目需要文件/imgs/home_list_tu2@2x.png" alt=""></div>
      <div class="text">
        <h4>整租-保利嘉园-7号院1号楼</h4>
        <p>朝阳区|2室1厅|90m</p>
        <p>距5号线立水桥站1200米,13号线广西南合...</p>
        <a href="#">独卫</a>   <a href="#">含阳台</a>
       <div class="price"> <span>￥2400 <i>元/月</i></span></div>
        

      </div>
    </li>
    <li>
      <div class="pic"><img src="./项目需要文件/imgs/home_list_tu3@2x.png" alt=""></div>
      <div class="text">
        <h4>整租-东方银座B作</h4>
        <p>朝阳区|2室1厅|90m</p>
        <p>距5号线立水桥站1200米,13号线</p>
        <a href="#">独卫</a>   <a href="#">含阳台</a>
       <div class="price"> <span>￥7800 <i>元/月</i></span></div>
        

      </div>
    </li>
    <li>
      <div class="pic"><img src="./项目需要文件/imgs/home_list_tu4@2x.png" alt=""></div>
      <div class="text">
        <h4>整租-保利嘉园-7号院1号楼</h4>
        <p>朝阳区|2室1厅|90m</p>
        <p>距5号线立水桥站1200米,13号线广西南合...</p>
        <a href="#">独卫</a>   <a href="#">含阳台</a>
       <div class="price"> <span>￥7800 <i>元/月</i></span></div>
        
 
      </div>
    </li>
    <li>
      <div class="pic"><img src="./项目需要文件/imgs/home_list_tu5@2x.png" alt=""></div>
      <div class="text">
        <h4>整租-天下第一城</h4>
        <p>朝阳区|2室1厅|90m</p>
        <p>距5号线立水桥站1200米,13号线广西南合...</p>
        <a href="#">独卫</a>   <a href="#">含阳台</a>
       <div class="price"> <span>￥7800 <i>元/月</i></span></div>
        

      </div>
    </li>
  </ul>

  <div class="more-goods"><a href="#">查看更多优质房源</a></div>
</div>

 <div class="story"><a href="#"><img src="./项目需要文件/imgs/gushirukou_home.png" alt=""></a></div>





  </div>




  <div class="footer">
    <ul>
      <li>
        <img src="./项目需要文件/icons/footer_1.png" alt="">
       <p>首页</p>
      </li>
      <li>
        <img src="./项目需要文件/icons/footer_2_default.png" alt="">
       <p class="color">快速找房</p>
      </li>
      <li>
        <img src="./项目需要文件/icons/footer_3_default.png" alt="">
       <p class="color">委托代理</p>
      </li>
      <li>
        <img src="./项目需要文件/icons/footer_4_default.png" alt="">
       <p class="color">我的</p>
      </li>
    </ul>
  </div>
  <script src="./项目需要文件/flexible.js"></script>
</body>
</html>